var prefix = "/sysContract";
$(function() {
	load();
});

var pages = 1;
function load() {
	layui.use(['table','form','xmSelect'], function(){
		var table = layui.table;
		var dropdown = layui.dropdown;
		var $ = layui.$;
		var xmSelect=layui.xmSelect
		form = layui.form

		var username3 = xmSelect.render({
			el: '#username3',
			name: 'username3',
			layVerify: 'typeThod',
			maxMethod(seles, item) {
				layer.msg('最大只能选择3个')
			},
			data: [],
			on:function (data) {
				 console.log('data',data)
				let myid=''
				data.arr.forEach(item=>{
					myid+=item.value+','
				})
				$('#username3').val(myid.substring(0,myid.length-1))
			}
		});
		// var typevalue = $('#type').attr('value')
		// var typedisabled = $('#type').attr('disabled') == 'disabled'
		// typevalue = typevalue ? typevalue.split(',') : []
		// 服务类型
		AjaxGet( '/userAunt/seleProject').then(function (response) {
			let str = [];
			response.data.map(function (v) {
				str.push({
					name: v.name,
					value: v.id,
					// selected: typevalue.includes(v.name),
					// disabled: typedisabled
				})
			});
			username3.update({
				data: str,
				autoRow: true,
			})
		}).catch(function (error) {
			layer.msg(error.msg)
		})

		// 创建渲染实例
		table.render({
			elem: '#exampleTable'
			,id:'exampleTable'
			,method:'post'
			,url: prefix + "/getSysContractPage" // 此处为静态模拟数据，实际使用时需换成真实接口
			,cellMinWidth: 80
			, page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
				layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
				, curr: pages //设定初始在第 5 页
				, groups: 5 //只显示 1 个连续页码
				, limit : 10
			}
			,request:{
				pageName: 'pageNumber',
				limitName: 'pageSize'
			}
			,defaultToolbar: false
			,loading: true
			,where: {
				projectId: $('#username3').val(),
				status: $('#username4').val(),
				initiatorName: $('#username1').val(),
				signedName: $('#username2').val(),
			}
			,cols: [[
				{
					field : 'nameJia',
					align : 'center',
					title : '发起方'
				},
				{
					field : 'projectName',
					align : 'center',
					title : '合同类型'
				},
				{
					field: 'nameYi',
					align : 'center',
					title: '签约方',
				},
				{
					field : 'checkbox',
					title : '合同状态',
					align : 'center',
					width:40,
					templet:(d)=>{
						return d.concludeStatus=='2'?'<span class="label label-primary">启用</span>':'<span class="label label-warning">终止</span>'
						// 2启用，4终止
		// 				return (d.concludeStatus=='2'||d.concludeStatus=='4')?( upAndDownPrices? ((d.concludeStatus=='2'?`   <input type="checkbox" checked `:'<input type="checkbox" ')+` name="open"  value="${d.id}"
      // title="启用|终止" myid="${d.id}" lay-skin="switch" lay-filter="switchTest" title="是否启用">
		// 				`):(d.concludeStatus=='2'?'<span class="label label-primary">启用</span>':'<span class="label label-warning">终止</span>')
		// 				):'-'
					}
				},
				{
					field : 'startTime',
					title : '合同开始时间',
					align : 'center'
				},
				{
					field : 'endTime',
					title : '合同结束时间',
					align : 'center'
				},
				{
					field : 'createTime',
					align : 'center',
					title : '创建时间'
				},
				{
					field : 'version',
					align : 'center',
					title : '版本信息'
				},
				{
					title : '操作',
					field : 'id',
					align : 'center',
					templet : function(d) {
						var e = '<a  class="btn btn-primary btn-sm ' + s_info_h +'" href="#" mce_href="#" title="详情" onclick="lookInfo(\''
							+ d.id
							+ '\')"><i class="fa fa-send"></i></a> ';

						var ss = '<a class="btn btn-success btn-sm ' + s_remove_h +'" href="#" title="删除"  mce_href="#" onclick="remove(\''
							+ d.id
							+ '\')"><i class="fa fa-remove"></i></a>';
						return d.status != 0 ?(e + ss):(e );
					}
				}
			]]
			,response: {
				statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
			}
			,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
				if( res.code != 0 ){

					return false;
				}
				return {
					"code": res.code, //解析接口状态
					"msg": res.msg, //解析提示文本
					"count": res.data.total, //解析数据长度
					"data": res.data.records //解析数据列表
				};
			}
			,jump: function (obj, first) {
				//首次不执行
				if (!first) {
					pages = obj.curr
				}
			}
			,error: function(res, msg){
				console.log(res, msg)
			}

			,done: function (res){
				layer.close()
			}
		});
		form.on('switch(switchTest)', function(data){
			let id=$(data.othis[0].parentNode).find('input').attr('myid')
			var loadIndex = layer.load(0);

			AjaxPost('/sysContract/updateContractStatus', {userOrderId:id,status:this.checked?'2':'4'}).then(function (response){
				parent.layer.msg("操作成功");
				layer.close(loadIndex)
				load();
			}).catch(error => {
				layer.msg(error.msg)
				layer.close(loadIndex)
				load();
			})
		})
		var $ = layui.$, active = {
			reload: function(){
				//执行重载
				table.reload('exampleTable', {
					page: {
						curr: 1 //重新从第 1 页开始
					}
					,where: {
						projectId: $('#username3').val(),
						status: $('#username4').val(),
						initiatorName: $('#username1').val(),
						signedName: $('#username2').val(),
					}
				});
			}
		};

		$('.demoTable .layui-btn').on('click', function(){
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});

		//触发表格复选框选择
		table.on('checkbox(test)', function(obj){
			console.log(obj)
		});

		//触发表格单选框选择
		table.on('radio(test)', function(obj){
			console.log(obj)
		});

	});

}

$("#add").click(function(){
	let toIndex=layer.open({
		type : 2,
		title : '新增合同',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : '/jzweb/jazSysContract/add' // iframe的url
	});
	layer.full(toIndex);
})

/**
 *
 * 表格详情点击事件
 */
function lookInfo(id) {
	let toIndex=layer.open({
		type : 2,
		title : '合同详情',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : `/jzweb/jazSysContract/info/${id}` // iframe的url
	});
	layer.full(toIndex);
	// getParticulars(id)
	// 	.then((res) => {
	// 		if (res.code === '0') {
	// 			const list = res.data;
	// 			const stateName = list.status === 0 ? '禁用' : '启用';
	//
	// 			layer.open({
	// 				type: 2,
	// 				title: '需求详情',
	// 				maxmin: true,
	// 				shadeClose: false,
	// 				area: ['800px', '520px'],
	// 				content: prefix + '/info?id='+ id,
	// 				success: function (layero, index) {
	// 					const body = layer.getChildFrame('body', index);
	// 					body.find("#sysUserid").val(list.sysUserid);
	// 					body.find("#name").val(list.name);
	// 					body.find("#projectName").val(name);
	// 					body.find("#status").val(stateName);
	// 					// body.find("#pdfPath").val(list.pdfPath);
	// 					body.find("#version").val(list.version);
	// 					body.find("#createTime").val(list.createTime);
	// 					body.find("#version").val(list.version);
	// 					if(!list.pdfPath) return
	// 						body.find("#upImg").attr('src', '../../../img/pdf.png')
	// 						body.find("#pdfPath").val(list.pdfPath)
	// 						body.find('.upload').removeClass('layui-hide')
	// 						body.find("#openPdf").removeClass("layui-hide").attr("href",list.pdfPath)
	//
	//
	// 				},
	// 			});
	// 		} else {
	// 			layer.msg(res.msg);
	// 		}
	// 	})
}

// /***
//  * 根据id获取合同详情
//  */
// function getParticulars(id) {
// 	try{
// 		return $.ajax({
// 			url : prefix + "/getSysContractById",
// 			type : "get",
// 			data : {
// 				'id' : id
// 			},
// 			success : function(r) {
// 				if (r.code==0) {
// 					// console.log(r.data,'详情')
// 				}else{
// 					layer.msg(r.msg);
// 				}
// 			}
// 		});
// 	}catch (e) {
// 		console.log(e)
// 	}
// }


function remove(id) {
	layer.confirm('确定要删除选中的记录？', {
		btn : [ '确定', '取消' ]
	}, function() {
		$.ajax({
			url : prefix+"/deletedSysContract",
			type : "get",
			data : {
				'id' : id
			},
			success : function(r) {
				if (r.code==0) {
					layer.msg(r.msg);
					load();
				}else{
					layer.msg(r.msg);
				}
			}
		});
	})
}
